<!DOCTYPE html>
<html lang="en">

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="google" content="notranslate">
    <meta name="google" content="notranslate">
    <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1">
    <link rel="icon" href="./img/heytapicon.png">
    <title>『帐号』-个人信息</title>
    <script src="./js/localPolyfills.js"></script>
    <script></script>
    <link href="./css/chunk-common.css" rel="stylesheet">
    <link href="./css/chunk-vendors.css" rel="stylesheet">
    <link href="./css/user_info.css" rel="stylesheet">
</head>

<body class="heytap">
    <noscript><strong>We're sorry but hello doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript>
    <div id="app">
        <div class="user_info">
            <div class="header" id="headerBox">
                <div class="header_wrap"></div>
            </div><a class="backHome"><span>返回首页</span></a>
            <div class="box" id="box">
                <div class="box_header boxSmall">
                    <p></p>
                </div>
                <div class="box_content">
                    <div class="content">
                        <div class="maskImg hide"></div>
                        <div class="hide"><canvas width="400" height="400" style="width: 400px; height: 400px; cursor: grab; touch-action: none;"></canvas><input type="range" min="1" max="3" step="0.01" value="1.5">
                            <div class="item btns"><button class="buttonInline btn_ok">保存</button><button class="buttonInline btn_cancel">取消</button></div>
                        </div>
                        <div class="popup hide"><img src="https://fs-uc-nearme-com-cn.oss-cn-hangzhou.aliyuncs.com/default-new.png"><img class="icon_close" src=""></div>
                        <div
                            class="item">
                            <div class="item_box">
                                <div class="item_title">头像</div>
                                <div class="item_content"><img class="userImg headImgEdit" src="https://fs-uc-nearme-com-cn.oss-cn-hangzhou.aliyuncs.com/default-new.png">
                                    <div class="uploadImg"><img src="">上传图片</div>
                                    <input
                                        type="file" class="fileBtn" accept="image/jpeg, image/png, image/jpg"></div>
                            </div>
                            <p class="error_tip"></p>
                            <div class="item_box">
                                <div class="item_title">昵称</div>
                                <div class="input"><input autocomplete="new-password" name="" type="text" placeholder="请填写昵称" value="姜金雷454768447">
                                    <div class="voice_btn"></div>
                                    <div class="input_error_tip"></div>
                                </div>
                            </div>
                            <p class="error_tip"></p>
                            <p class="marginLeft">2-18 位字符，可使用字母、数字、汉字。</p>
                    </div>
                    <div class="item_divided"></div>
                    <div class="item">
                        <div class="item_box">
                            <div class="item_title">姓名</div>
                            <div class="input"><input autocomplete="new-password" name="" type="text" placeholder="请填写姓名" value="姜金雷">
                                <div class="voice_btn"></div>
                                <div class="input_error_tip"></div>
                            </div>
                        </div>
                        <p class="error_tip"></p>
                        <div class="item_box">
                            <div class="item_title">性别</div>
                            <div class="selectBox genderChange">男
                                <div class="icon_down"></div>
                            </div>
                            <div class="selectUl">
                                <ul class="hide">
                                    <li>男</li>
                                    <li>女</li>
                                </ul>
                                <ul class="gender_popup">
                                    <li class="genderCancel">男</li>
                                    <li class="genderCancel">女</li>
                                    <div class="item_divided"></div>
                                    <li class="genderCancel">取消</li>
                                </ul>
                            </div>
                            <div class="gender_mask"></div>
                        </div>
                        <div class="item_box">
                            <div class="item_title">生日</div><span class="selectBox"><div class="genderSelect">1991-02-16<div class="icon_down"></div></div></span>
                            <div class="hide">
                                <div class="react-datepicker">
                                    <div class="react-datepicker__triangle"></div><button type="button" class="react-datepicker__navigation react-datepicker__navigation--previous">Previous Month</button><button type="button" class="react-datepicker__navigation react-datepicker__navigation--next">Next month</button>
                                    <div
                                        class="react-datepicker__month-container">
                                        <div class="react-datepicker__header">
                                            <div class="react-datepicker__current-month react-datepicker__current-month--hasYearDropdown react-datepicker__current-month--hasMonthDropdown">二月 1991</div>
                                            <div class="react-datepicker__header__dropdown react-datepicker__header__dropdown--select">
                                                <div class="react-datepicker__month-dropdown-container react-datepicker__month-dropdown-container--select"><select class="react-datepicker__month-select"><option value="0">一月</option><option value="1">二月</option><option value="2">三月</option><option value="3">四月</option><option value="4">五月</option><option value="5">六月</option><option value="6">七月</option><option value="7">八月</option><option value="8">九月</option><option value="9">十月</option><option value="10">十一月</option><option value="11">十二月</option></select></div>
                                                <div
                                                    class="react-datepicker__year-dropdown-container react-datepicker__year-dropdown-container--select"><select class="react-datepicker__year-select"><option value="1900">1900</option><option value="1901">1901</option><option value="1902">1902</option><option value="1903">1903</option><option value="1904">1904</option><option value="1905">1905</option><option value="1906">1906</option><option value="1907">1907</option><option value="1908">1908</option><option value="1909">1909</option><option value="1910">1910</option><option value="1911">1911</option><option value="1912">1912</option><option value="1913">1913</option><option value="1914">1914</option><option value="1915">1915</option><option value="1916">1916</option><option value="1917">1917</option><option value="1918">1918</option><option value="1919">1919</option><option value="1920">1920</option><option value="1921">1921</option><option value="1922">1922</option><option value="1923">1923</option><option value="1924">1924</option><option value="1925">1925</option><option value="1926">1926</option><option value="1927">1927</option><option value="1928">1928</option><option value="1929">1929</option><option value="1930">1930</option><option value="1931">1931</option><option value="1932">1932</option><option value="1933">1933</option><option value="1934">1934</option><option value="1935">1935</option><option value="1936">1936</option><option value="1937">1937</option><option value="1938">1938</option><option value="1939">1939</option><option value="1940">1940</option><option value="1941">1941</option><option value="1942">1942</option><option value="1943">1943</option><option value="1944">1944</option><option value="1945">1945</option><option value="1946">1946</option><option value="1947">1947</option><option value="1948">1948</option><option value="1949">1949</option><option value="1950">1950</option><option value="1951">1951</option><option value="1952">1952</option><option value="1953">1953</option><option value="1954">1954</option><option value="1955">1955</option><option value="1956">1956</option><option value="1957">1957</option><option value="1958">1958</option><option value="1959">1959</option><option value="1960">1960</option><option value="1961">1961</option><option value="1962">1962</option><option value="1963">1963</option><option value="1964">1964</option><option value="1965">1965</option><option value="1966">1966</option><option value="1967">1967</option><option value="1968">1968</option><option value="1969">1969</option><option value="1970">1970</option><option value="1971">1971</option><option value="1972">1972</option><option value="1973">1973</option><option value="1974">1974</option><option value="1975">1975</option><option value="1976">1976</option><option value="1977">1977</option><option value="1978">1978</option><option value="1979">1979</option><option value="1980">1980</option><option value="1981">1981</option><option value="1982">1982</option><option value="1983">1983</option><option value="1984">1984</option><option value="1985">1985</option><option value="1986">1986</option><option value="1987">1987</option><option value="1988">1988</option><option value="1989">1989</option><option value="1990">1990</option><option value="1991">1991</option><option value="1992">1992</option><option value="1993">1993</option><option value="1994">1994</option><option value="1995">1995</option><option value="1996">1996</option><option value="1997">1997</option><option value="1998">1998</option><option value="1999">1999</option><option value="2000">2000</option><option value="2001">2001</option><option value="2002">2002</option><option value="2003">2003</option><option value="2004">2004</option><option value="2005">2005</option><option value="2006">2006</option><option value="2007">2007</option><option value="2008">2008</option><option value="2009">2009</option><option value="2010">2010</option><option value="2011">2011</option><option value="2012">2012</option><option value="2013">2013</option><option value="2014">2014</option><option value="2015">2015</option><option value="2016">2016</option><option value="2017">2017</option><option value="2018">2018</option><option value="2019">2019</option><option value="2020">2020</option></select></div>
                                        </div>
                                        <div class="react-datepicker__day-names">
                                            <div class="react-datepicker__day-name">一</div>
                                            <div class="react-datepicker__day-name">二</div>
                                            <div class="react-datepicker__day-name">三</div>
                                            <div class="react-datepicker__day-name">四</div>
                                            <div class="react-datepicker__day-name">五</div>
                                            <div class="react-datepicker__day-name">六</div>
                                            <div class="react-datepicker__day-name">日</div>
                                        </div>
                                </div>
                                <div class="react-datepicker__month" role="listbox" aria-label="month-1991-02">
                                    <div class="react-datepicker__week">
                                        <div class="react-datepicker__day react-datepicker__day--mon react-datepicker__day--outside-month" aria-label="day-28" role="option">28</div>
                                        <div class="react-datepicker__day react-datepicker__day--tue react-datepicker__day--outside-month" aria-label="day-29" role="option">29</div>
                                        <div class="react-datepicker__day react-datepicker__day--wed react-datepicker__day--outside-month" aria-label="day-30" role="option">30</div>
                                        <div class="react-datepicker__day react-datepicker__day--thu react-datepicker__day--outside-month" aria-label="day-31" role="option">31</div>
                                        <div class="react-datepicker__day react-datepicker__day--fri" aria-label="day-1" role="option">1</div>
                                        <div class="react-datepicker__day react-datepicker__day--sat react-datepicker__day--weekend" aria-label="day-2" role="option">2</div>
                                        <div class="react-datepicker__day react-datepicker__day--sun react-datepicker__day--weekend" aria-label="day-3" role="option">3</div>
                                    </div>
                                    <div class="react-datepicker__week">
                                        <div class="react-datepicker__day react-datepicker__day--mon" aria-label="day-4" role="option">4</div>
                                        <div class="react-datepicker__day react-datepicker__day--tue" aria-label="day-5" role="option">5</div>
                                        <div class="react-datepicker__day react-datepicker__day--wed" aria-label="day-6" role="option">6</div>
                                        <div class="react-datepicker__day react-datepicker__day--thu" aria-label="day-7" role="option">7</div>
                                        <div class="react-datepicker__day react-datepicker__day--fri" aria-label="day-8" role="option">8</div>
                                        <div class="react-datepicker__day react-datepicker__day--sat react-datepicker__day--weekend" aria-label="day-9" role="option">9</div>
                                        <div class="react-datepicker__day react-datepicker__day--sun react-datepicker__day--weekend" aria-label="day-10" role="option">10</div>
                                    </div>
                                    <div class="react-datepicker__week">
                                        <div class="react-datepicker__day react-datepicker__day--mon" aria-label="day-11" role="option">11</div>
                                        <div class="react-datepicker__day react-datepicker__day--tue" aria-label="day-12" role="option">12</div>
                                        <div class="react-datepicker__day react-datepicker__day--wed" aria-label="day-13" role="option">13</div>
                                        <div class="react-datepicker__day react-datepicker__day--thu" aria-label="day-14" role="option">14</div>
                                        <div class="react-datepicker__day react-datepicker__day--fri" aria-label="day-15" role="option">15</div>
                                        <div class="react-datepicker__day react-datepicker__day--sat react-datepicker__day--selected react-datepicker__day--weekend" aria-label="day-16" role="option">16</div>
                                        <div class="react-datepicker__day react-datepicker__day--sun react-datepicker__day--weekend" aria-label="day-17" role="option">17</div>
                                    </div>
                                    <div class="react-datepicker__week">
                                        <div class="react-datepicker__day react-datepicker__day--mon" aria-label="day-18" role="option">18</div>
                                        <div class="react-datepicker__day react-datepicker__day--tue" aria-label="day-19" role="option">19</div>
                                        <div class="react-datepicker__day react-datepicker__day--wed" aria-label="day-20" role="option">20</div>
                                        <div class="react-datepicker__day react-datepicker__day--thu" aria-label="day-21" role="option">21</div>
                                        <div class="react-datepicker__day react-datepicker__day--fri" aria-label="day-22" role="option">22</div>
                                        <div class="react-datepicker__day react-datepicker__day--sat react-datepicker__day--weekend" aria-label="day-23" role="option">23</div>
                                        <div class="react-datepicker__day react-datepicker__day--sun react-datepicker__day--weekend" aria-label="day-24" role="option">24</div>
                                    </div>
                                    <div class="react-datepicker__week">
                                        <div class="react-datepicker__day react-datepicker__day--mon" aria-label="day-25" role="option">25</div>
                                        <div class="react-datepicker__day react-datepicker__day--tue" aria-label="day-26" role="option">26</div>
                                        <div class="react-datepicker__day react-datepicker__day--wed" aria-label="day-27" role="option">27</div>
                                        <div class="react-datepicker__day react-datepicker__day--thu" aria-label="day-28" role="option">28</div>
                                        <div class="react-datepicker__day react-datepicker__day--fri react-datepicker__day--outside-month" aria-label="day-1" role="option">1</div>
                                        <div class="react-datepicker__day react-datepicker__day--sat react-datepicker__day--weekend react-datepicker__day--outside-month" aria-label="day-2" role="option">2</div>
                                        <div class="react-datepicker__day react-datepicker__day--sun react-datepicker__day--weekend react-datepicker__day--outside-month" aria-label="day-3" role="option">3</div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <p>姓名、性别、生日他人不可见，完善的个人信息有助于为您提供贴心的个性化服务。</p>
            </div>
            <div class="item_divided"></div>
            <div class="item btns"><button class="buttonInline btn_ok">保存</button><button class="buttonInline btn_cancel">取消</button></div>
        </div>
    </div>
    </div>
    <div class="footer">
        <p><span>© 2005 - 2019 广东欢太 版权所有 粤ICP备 14056724 号-2</span><span>联系方式：4001-666-888</span></p>
    </div>
    </div>
    </div>
    <script src="./js/chunk-vendors.js"></script>
    <script src="./js/chunk-common.js"></script>
    <!-- <script src="./js/index.js"></script> -->
</body>

</html>